<template>
  <div style="height: 100vh; display: flex">
    <div style="width: 50%; padding: 50px">
      <h1 style="text-align: center">图书管理系统</h1>
      <h3>使用说明</h3>
      <h4>注册</h4>
      <span>注册页面中注册的用户为普通用户</span>
      <h4>修改信息</h4>
      <span>个人信息可以在主页面的右上角进行修改</span>
      <h4>注册</h4>
      <span>注册页面中注册的用户为普通用户，管理员用户需通过管理员账户注册</span>
      <h4>权限</h4>
      <span>普通用户仅有查询图书，查询借阅记录功能。管理员拥有管理用户，管理图书，修改管理员功能</span>
    </div>
    <div style="width: 50%; padding-right: 20px; padding-top: 10px">
      <el-calendar v-model="calendar" style="border: 2px solid darkturquoise; border-radius: 20px;" >
      </el-calendar>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Home',
  data() {
    return {
      calendar: new Date()
    }
  }
}
</script>
